{extend name="common/base" /}

{block name="title"}课程列表 - 课程列表{/block}

{block name="body"}
<div class="Hui-admin-article">
    <nav class="breadcrumb" style="background-color:#fff;padding: 0 24px">
        首页
        <span class="c-gray en">/</span>
        课程管理
        <span class="c-gray en">/</span>
        课程列表
    </nav>

    <article class="Hui-admin-content clearfix">

        <div class="panel mt-20">
            <div class="panel-body">
                <form class="row clearfix">
                    <div class="col-xs-12 col-sm-6 col-md-4">
                        <label class="form-label col-xs-4 col-sm-2">课程分类：</label>
                        <div class="form-controls col-xs-8 col-sm-9"> <span class="select-box" style="width:150px;">
                            <select class="select" name="type_id" size="1">
                                {foreach $types as $k=>$v}
                                <option {if $search.type_id == $v.id}selected{/if} value="{$v.id}">{$v.title}</option>
                                {/foreach}
                            </select>
                            </span> 
                        </div>
                    </div>
                    <input type="hidden" name="plan_id" value="{$search.plan_id}">
                    <div class="col-xs-12 col-sm-6 col-md-4">
                        <div class="row clearfix mb-10">
                            <span class="col-xs-4 form-item-label">开始日期：</span>
                            <span class="col-xs-8 form-item-control">
                                <input type="text" id="search-datetime-start" name="start" value="{$search.start}" class="input-text datetimepicker-input">
                            </span>
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-6 col-md-4">
                        <div class="row clearfix mb-10">
                            <span class="col-xs-4 form-item-label">结束日期：</span>
                            <span class="col-xs-8 form-item-control">
                                <input type="text" id="search-datetime-end" name="end" value="{$search.end}" class="input-text datetimepicker-input">
                            </span>
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-6 col-md-4">
                        <div class="row clearfix mb-10">
                            <span class="col-xs-4 form-item-label">标题名称：</span>
                            <span class="col-xs-8 form-item-control">
                                <input type="text" name="title" value="{$search.title}" id="search-input" placeholder=" 资讯名称" class="input-text" />
                            </span>
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-6 col-md-4">
                        <div class="row clearfix">
                            <span class="col-xs-4 form-item-control">
                                <button name="" id="search-submit" class="btn btn-success radius" type="submit"><i class="Hui-iconfont">&#xe665;</i> 搜课程</button>
                            </span>
                        </div>
                    </div>
                </form>
            </div>
            <div class="panel-body">
                <div class="clearfix">
                    <span class="f-l">
                        <a href="javascript:;" onclick="article_del_all()" class="btn btn-danger radius"><i class="Hui-iconfont">&#xe6e2;</i> 批量删除</a>

                        <a href="javascript:;" onclick="course_add('添加课程')" class="btn btn-primary radius"><i class="Hui-iconfont">&#xe600;</i> 添加课程</a>
                    </span>
                    <span class="f-r">共有数据：<strong>{$count}</strong> 条</span>
                </div>
                <div class="mt-20 clearfix">
                    <table class="table table-border table-bordered table-bg table-hover table-sort">
                        <thead>
                            <tr>
                                <th scope="col" colspan="10">课程列表</th>
                            </tr>
                            <tr class="text-c">
                                <th width="25"><input type="checkbox" name="all" value=""></th>
                                <th width="40">ID</th>
                                <th width="150">标题</th>
                                <th width="150">封面</th>
                                <th width="150">副标题</th>
                                <th width="150">讲师</th>

                                <th width="100">操作</th>
                            </tr>
                        </thead>
                        <tbody>
                            {foreach name="list" key="k" item="v"}
                            <tr class="text-c">
                                <td><input name="list_box" type="checkbox" value="{$v.id}" ></td>
                                <td>{$k+1}</td>
                                <td>{$v.title}</td>
                                <td><img src="{$v.image}" height="50"></td>
                                <td>{$v.title_en}</td>
                                <td>{$v.lname}</td>
                                <td class="td-manage">
                                    <a href="javascript:;" onclick="course_menu('课程目录',{$v.id},'900','600')" class="btn btn-primary radius"> 课程目录</a>
                                    <a title="编辑" href="javascript:;" onclick="article_edit('课程编辑',{$v.id},'900','600')" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe6df;</i></a>
                                    <a title="删除" href="javascript:;" onclick="article_del(this,{$v.id})" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe6e2;</i></a>
                                </td>
                            </tr>
                            {/foreach}
                            
                        </tbody>
                    </table>
                    
                    {$page}
                </div>
            </div>
        </div>
    </article>
</div>
<input name="del" type="hidden" value="{:url('course/del')}">
<input name="edit" type="hidden" value="{:url('course/edit')}">
<input name="add" type="hidden" value="{:url('course/add')}?plan_id={$search.plan_id}">
<input name="delAll" type="hidden" value="{:url('course/delAll')}">
<input name="index" type="hidden" value="{:url('course_menu/index')}">

{/block}


{block name="js"}
<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="__LIB__/datatables/1.10.15/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="__LIB__/laypage/1.2/laypage.js"></script>
<script type="text/javascript" src="__JS__/main.js"></script>
<script type="text/javascript">
    $(function(){
        runDatetimePicker();
    });
</script>
<!--/请在上方写此页面业务相关的脚本-->
{/block}

